<template>
    <div class="order-report-wrapper">
        <div style="background: #fff">
            <el-tabs v-model="activeName">
                <el-tab-pane label="增值服务待办" name="1">
                    <service-pending :underLine="underLine"></service-pending>
                </el-tab-pane>
                <el-tab-pane label="增值服务管理" name="2">
                    <service-manege :underLine="underLine"></service-manege>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
import servicePending from './page_12_service/page_12_1_service_manage_pending.vue'
import serviceManege from './page_12_service/page_12_2_service_manage_manage.vue'
export default {
    data: function () {
        return {
            activeName: '1'
        }
    },
    mounted () { },
    created () { },
    watch: {},
    components: {
        servicePending,
        serviceManege
    },
    props: {
        underLine: null
    },
    computed: {},
    methods: {
        // 换页方法
        handleCurrentChange (val) {
            this.position = val
        }
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.el-tabs__nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e4e7ed;
    z-index: 1;
}
.el-tabs__nav-scroll
    padding 0 22px


.order-report-wrapper
    width: 100%

    .order-report-wrapper-title
        width 100%
        height 40px
        font-size 14px
        line-height 30px
        padding-left 22px
</style>
